<div class="user-opt typo-impo">
	<ul>
		<li>
				<a href="/user/profile?tab=tasks">Nguyen Xuan Loc</a>
		</li>
		<li><a href="/project">Home</a></li>
		<li><a href="/project">Notification</a></li>
		<li>
			<div class="sli-container clearfix">
				<a class="trigger-sli" href="">Menu</a>
				<div class="sliding">
					<ul>
						<li><a href="#">Profile</a></li>
						<li><a href="#">Sign out</a></li>
					</ul>
				</div>
			</div>
		</li>
	</ul>
</div>
<script>
$('a.trigger-sli').click(function(event){
	event.preventDefault();
	var ele = $(this).parent().find('div.sliding');
	if (ele.css('display') == 'none')
		//ele.css('display', 'block');
		ele.fadeIn('slow');
	else
		ele.fadeOut('slow');
	return false;
});
</script>